<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>MyFightPix</title>
  <meta name="description" content="">
  <meta name="keywords" content="index">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta name="apple-mobile-web-app-title" content="LeanCloud CMS" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="/i/app-icon72x72@2x.png">
  <link rel="stylesheet" href="/css/amazeui.min.css"/>
  <link rel="stylesheet" href="/css/main.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，本系统暂不支持。 建议使用 <a href="http://www.google.cn/intl/zh-CN/chrome/" target="_blank">谷歌浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

<header class="am-topbar am-topbar-fixed-top am-hide-md-down">
  <div class="am-fl am-vertical-align">
    <h1 class="am-topbar-brand">
      <a href="/"><img src="/i/logo.png" alt="MyFightPix" height="60px"/></a>
    </h1>
  </div>
  <div class="am-fr" id="userBox"><% if(user){ %>Hello,<%= user.get('displayName') %>!  - <a href="/logout">Logout</a><% }else{ %>Please <a href="/login">login</a> or <a href="/register">sign in</a>.<% } %></div>
  <div class="am-fr">
    <div class="am-fr am-hide-md-down"><a href="/my/uploadimg" ><img src="/i/photo.png" alt="Upload photo" height="60px"/></a></div>
    <div class="am-fr am-hide-md-down" style="width:auto;position:relative;">
      <form id="searchBox" name="search" action="/search"  method="post">
      <input max-length="40" class="am-padding-xs" type="text" name="keyword" value="" placeholder="keyword" />
      <div class="am-btn-sm am-icon-search" onclick="$('#searchBox').submit()"></div>
      </form>
    </div>
    <div class="am-fr am-hide-md-down am-collapse am-topbar-collapse am-vertical-align-middle" id="collapse-head">
        <ul class="am-nav am-nav-pills am-topbar-nav">
    		<li><a id="nav_home" href="/">Home</a></li>
        <li><a id="nav_news" href="/news">News</a></li>
        <li><a id="nav_discover" href="/discover">Discover</a></li>
        <li><a id="nav_trip" href="/trip">Trips</a></li>
        <li><a id="nav_my" href="/my">My</a></li>
        </ul>
    </div>
	</div>
</header>
